
<#macro script_import>
</#macro>
<#macro script>
</#macro>
<#macro css_import>
</#macro>
<#macro css>
</#macro>
<#macro layout>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <title>${i18n.get('webtitle')}</title>

    <!-- core CSS -->
    <link href="${CTPATH}/css/bootstrap.min.css" rel="stylesheet">
    <link href="${CTPATH}/css/font-awesome.min.css" rel="stylesheet">
    <link href="${CTPATH}/css/animate.min.css" rel="stylesheet">
    <link href="${CTPATH}/css/prettyPhoto.css" rel="stylesheet">
    <link href="${CTPATH}/css/main.css" rel="stylesheet">
    <link href="${CTPATH}/css/responsive.css" rel="stylesheet">
    <!--[if lt IE 9]>
    <script src="${CTPATH}/js/html5shiv.js"></script>
    <script src="${CTPATH}/js/respond.min.js"></script>
    <![endif]-->
    <link rel="shortcut icon" href="${CTPATH}/images/ico/favicon.ico">
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="${CTPATH}/images/ico/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="${CTPATH}/images/ico/apple-touch-icon-114-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="${CTPATH}/images/ico/apple-touch-icon-72-precomposed.png">
    <link rel="apple-touch-icon-precomposed" href="${CTPATH}/images/ico/apple-touch-icon-57-precomposed.png">

    <@css_import />
    <#if css ??>
        <style type="text/css">
            <@css />
        </style>
    </#if>

</head><!--/head-->

<body class="homepage">

<header id="header">
    <div class="top-bar">
        <div class="container">
            <div class="row">
                <div class="col-sm-6 col-xs-4">
                    <div class="top-number"><p><i class="fa fa-phone-square"></i>${OPTION('web_tel_phone')!}</p></div>
                </div>
                <div class="col-sm-6 col-xs-8">
                    <div class="social">
                        <ul class="social-share">
                            <li><a href="${CPATH}/lang">${i18n.get('lang')!}</a></li>
                        </ul>
                        <!--<div class="search">-->
                            <!--<form role="form">-->
                                <!--<input type="text" class="search-form" autocomplete="off" placeholder="Search">-->
                                <!--<i class="fa fa-search"></i>-->
                            <!--</form>-->
                        <!--</div>-->
                    </div>
                </div>
            </div>
        </div><!--/.container-->
    </div><!--/.top-bar-->

    <nav class="navbar navbar-inverse" role="banner">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="index.html"><img src="${CPATH}${OPTION('banner_img_logo')!}" alt="logo"></a>
            </div>

            <div class="collapse navbar-collapse navbar-right">
                <ul class="nav navbar-nav">
                    <@jp.menus>
                    <#list menus as menu>
                        <li href="${menu.url!}">
                            <a href="${menu.url!}">
                                ${i18n.get(menu.title)!}
                                <#if menu.isActive() >
                                    <span class="x-a-border "></span>
                                </#if>
                            </a>
                        </li>
                    </#list>
                    </@jp.menus>
                </ul>
            </div>
        </div><!--/.container-->
    </nav><!--/nav-->
</header><!--/header-->

<#nested>

<footer id="footer" class="midnight-blue">
    <div class="container" style="text-align: center">
        ${OPTION('web_copyright')!} ${i18n.get('aboutus')}
    </div>
</footer><!--/#footer-->

<script src="http://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="${CTPATH}/js/bootstrap.min.js"></script>
<script src="${CTPATH}/js/jquery.prettyPhoto.js"></script>
<script src="${CTPATH}/js/jquery.isotope.min.js"></script>
<script src="${CTPATH}/js/main.js"></script>
<script src="${CTPATH}/js/wow.min.js"></script>
</body>
</html>
</#macro>